<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<script>

    /**
     * window对象时浏览器的顶级对象, 它具有双重角色
     * 1.它是 JS 访问浏览器窗口的一个接口
     * 2.它是一个全局对象, 定义在全局作用域中变量、函数都会变成window对象的属性和方法
     * 在调用的时候可以省略window, 前面学习的对话框都属于window对象方法, 如alert(), prompt()
     *
     * 注意: window下的特殊属性 window.name, 所以不要这样定义 var name;
     * @type {number}
     */
    var num = 10;
    console.log(num);
    console.log(window.num);


    function func() {
        console.log(11);
    }

    func();
    window.func();
    alert(11);
    window.alert(11)
    console.dir(window);

    // var name = 10;
    console.log(name);
    console.log(window.name);

</script>
</body>
</html>
